import './App.css';
import { UserView } from './components/UserView';
import { RootProvider } from './context/UserContext';



function App() {
  return (
    //Here, RootProvider SHOULD be the parent of all components, 
    //otherwise the UI components would NOT be re-rendered when we change the mobX store
    <RootProvider>
      <div className="App">
        <UserView />
        <div> ----------------- </div>
        <UserView />
      </div>
    </RootProvider>
  );
}

export default App;
